<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>box练习</title>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    body {
      background-color: #f5f5f5;
    }
    .box {
      width: 424px;
      height: 690px;
      background-color: #ffffff;
      margin: 100px auto;
		padding: 10px;
    }
	.box img{
		width: 100%;
	}
	.review {
		height: 70px;
		font-size: 14px;
		padding: 0 28px;
		margin-top: 30px;
	}
	.appraise {
		font-size: 12px;
		color: #b0b0b0;
		margin-top: 20px;
		padding: 0 20px;
	}
	.info {
		font-size: 14px;
		margin-top: 15px;
		padding: 0 28px;
	}
	.info h4 {
		display: inline-block;
		font-weight: 400;
	}
	.info span {
		color: #ff6700;
	}
  </style>
</head>
<body>
	<div class="box">
		<img src="img/Snipaste_2023-04-11_23-31-02.png" alt="只是一个图片">
		<p class="review">这个妹子是财哥的小迷妹，给力</p>
		<div class="appraise">来自于 176666的 精选评论</div>
		<div class="info">
			<h4>价格实惠</h4>
			<span>99.9元</span>
		</div>
    </div>
</body>
</html>